import React from 'react'
import { Layout } from 'antd';
import './index.less'
import { Outlet } from 'react-router-dom';
import SiderMenu from '../../components/SiderMenu';

export default function Admin() {
  const { Header, Content, Sider } = Layout;
  
  return (
    <>
      <Layout style={{ minHeight: '100vh' }}>
        <Sider >
          <div className="logo" >博客后台管理系统 </div>
          <SiderMenu/>
        </Sider>
        <Layout className="site-layout">
          <Header className="site-layout-background" style={{ padding: 0, height: 52, backgroundColor: '#fff' }}>
            
          </Header>
          <Content
            className="site-layout-background"
            style={{
              padding: 24,
              minHeight: 280,
            }}
          >
            <Outlet />

          </Content>
        </Layout>
      </Layout>
    </>
  )
}
